<form>
    <input type="hidden" name="meeting-id" class="form-control" data-th-value="${event.id}">
    <input type="hidden" name="user-id" class="form-control" data-th-value="${event.currentUserId}">
    <input type="hidden" name="username" class="form-control" data-th-value="${event.currentUsername}">

    <div class="row">
        <div class="col-sm-6" >
            <div class="input-group row tpv-span-font" style="font-size: 24px;margin-bottom: 20px;margin-top: 0px">
            	<span >[[#{meeting.info}]]</span>
            </div>
            <div class="input-group row tpv-span-font">
                <span >[[#{meeting.sponsor}]]：</span>
                <span data-th-text="${event.username}" class="tpv-single-line"></span>
            </div>
            <div class="input-group row tpv-span-font">
                <span >[[#{meeting.topic}]]：</span>
                <span data-th-text="${event.topic}" class="tpv-single-line"></span>
            </div>
            <div class="input-group row tpv-span-font">
                <span >[[#{meeting.time}]]：</span>
                <span id="event-meeting-time"data-th-start="${event.start}" data-th-end="${event.end}"></span>
            </div>
            <div class="input-group row tpv-span-font">
                <span >[[#{meeting.content}]]：</span>
                <span id="meeting-content" data-th-text="${event.content}" class="tpv-multi-line"></span>
            </div>
            <div class="input-group row tpv-span-font">
                <span >[[#{meeting.members}]]：</span>
                <span data-th-text="${event.users}" class="tpv-multi-line"></span>
            </div>
        </div>
        <HR style="height: 360px; width: 1px;margin-right: 16px" align="center" color="#B8BFD8" SIZE="1">
        <div class="col-sm-5" >
            <div class="input-group row tpv-span-font" style="font-size: 24px;margin-bottom: 20px;margin-top: 0px">
            	<span >[[#{meeting.join.info}]]</span>
            </div>
            <div class="input-group row tpv-span-font">
                <span >[[#{meeting.id}]]：</span>
                <span data-th-text="${event.meetingId}"></span>
            </div>
             <div class="input-group row tpv-span-font">
                <span >[[#{meeting.password}]]：</span>
                <span data-th-text="${event.password}"></span>
            </div>
            <div class="input-group row tpv-span-font">
                <span > [[#{meeting.link}]]：</span>
                <a id="a-meeting-link" data-th-text="${event.url}" style="color: #337ab7" target="view_window"></a>
            </div>
            <div class="input-group row tpv-span-font">
                <span >[[#{meeting.qrcode}]]：</span>
                <img id="img-qrcode" data-th-src="'data:image/png;base64,' + ${event.qrcode}" style="width: 168px;height: 168px"/>
            </div>
            <div class="input-group row  tpv-span-font">
                <span >[[#{meeting.invitation}]]：</span>
                <div class="copyBtn" data-th-attr="data-clipboard-text=${event.inviteUrl}" title="点击复制邀请链接" style="cursor:pointer;">
                    <img style="width: 36px;height: 36px" src="../../img/tpv/meeting/share_copyurl.png">
                </div>
                <div class="copyTxtBtn" title="点击复制邀请文本" style="cursor:pointer;margin-left: 10px" onclick="copyMeetingTxt($('#event-detail'));">
                	<img style="width: 36px;height: 36px" src="../../img/tpv/meeting/share_copy.png">
                </div>
                <div class="wechartInviteBtn" title="点击微信邀请" style="cursor:pointer;margin-left: 10px" onclick="wechartInviteMetting($('#event-detail'));">
                   	<img style="width: 36px;height: 36px" src="../../img/tpv/meeting/share_wechat.png">
                </div>
                <div class="emailInviteBtn" title="点击邮件邀请" style="cursor:pointer;margin-left: 10px" onclick="emailInviteMetting($('#event-detail'));">
                    <img style="width: 36px;height: 36px" src="../../img/tpv/meeting/share_mail.png">
                </div>
            </div>
        </div>
    </div>
</form>
<div style="text-align: center">
    <button type="button" class="btn tpv-btn-primary" id="meeting-event-join-attendee" style="width: 188px; height: 42px; margin-right: 15px;">[[#{meeting.join}]]</button>
    <button type="button" class="btn tpv-btn-primary" id="meeting-event-join-moderator" style="width: 188px; height: 42px; margin-left: 15px;">[[#{meeting.host}]]</button>
</div>

<script data-th-src="@{js/app/vc/meeting/meetingEvent.js(t=${version})}"></script>